<template>
  <div class="bodyt">
	   <div class="main-form">
		   <div class="logo">
                <img src="../images/logo.png" alt="">
				<div>联盟商家管理系统</div>
		   </div>
		   <h5>找回密码</h5>
		   <div class="inputBox">
			<div class="infoBox">
				<div class="inputBox">
					<i class="phoneIcon"></i>
					<input
						placeholder="请输入手机号/邮箱"
						v-model="phone">
				</div>
                <div class="inputBox">
					<i class="passwordIcon"></i>
					<input
						placeholder="6-20字符，必须同时包含数字和字母"
						prefix-icon="el-icon-search"
						v-model="password">
					</div>
				<div class="inputBox">
					<i class="passwordIcon"></i>
					<input
						placeholder="再次输入密码"
						v-model="passwordConfirm">
				</div>
			</div>
			<div class="codeBox">
				<div class="inputBox">
					<i class="codeIcon"></i>
					<input
						placeholder="输入验证码"
						v-model="code">
				</div>
				<button>默认按钮</button>
			</div>
			</div>
			<button class="registerBtn"  @click="open5">注册</button>
	   </div>
	   <div class="gradientBgColor"></div>
		 <div class="threeCanvas"></div>
  </div>
</template>
<script>
import { threeCanvas } from '../../../static/js/three-canvas.js';
export default {
  data() {
    return {
      visible: false,
      phone: "",
      password: "",
      passwordConfirm: "",
      code: ""
    };
  },
  methods: {
    open5() {
      this.$alert("<strong>这是 <i>HTML</i> 片段</strong>", "HTML 片段", {
        dangerouslyUseHTMLString: true
      });
    }
  },
  mounted() {
   threeCanvas();
  }
};
</script>
<style lang="less" scoped>
@import "../register/reg.less";
</style>
